<template>
  <div class="paiHang">
    <div class="types">
      <div v-for="(item, i) in types" :key="i">
        {{ item }}
        <img v-if="nums==i"
          src=""
          alt=""
        />
      </div>
    </div>
  </div>
</template>

<script>
//   import HotComments from "@/components/HotComments.vue";

export default {
  components: {
    //   HotMusics,
  },
  props: {},
  data() {
    return {
      // billboard: null,
      // comments: null,
      // hotComments:null,
      // count:0,
      types: [
        "新作榜",
        "男生榜",
        "女生榜",
        "国漫榜",
        "日漫榜",
        "韩漫榜",
        "宝藏榜",
        "完结榜",
      ],
      nums:0,
    };
  },
};
</script>

<style lang="less" scoped>
.paiHang {
  width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  .types {
    width: 79px;

    font-size: 15px;
    color: #0000008f;

    > div {
      display: flex;
      align-items: center;
      margin: 0px 0px 8px;
      height: 40px;
    }
  }
}
</style>
